<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>用户管理</title>
    <link rel="stylesheet" href="../utils/bootstrap-3.3.7-dist/css/bootstrap.min.css">
    <script src="../utils/bootstrap-3.3.7-dist/js/bootstrap.js"></script>
    <script src="../JS/jquery-3.4.1.min.js"></script>
    <style>
        #fengye {
            margin-top: -25px;
        }
    </style>
</head>

<body>
    <div class="container">
        <form action="#" method="post">
            <div class="row">
                <div class="col-md-6 form-group has-success">
                    <lable class="control-label">用户名</lable>
                    <input type="text" class="form-control" placeholder="会员名">
                </div>
                <div class="col-md-6 form-group has-success">
                    <lable class="control-label">用户状态</lable>
                    <select name="zhaungtai" class="form-control">
                        <option value="全部">全部</option>
                        <option value="激活用户">激活用户</option>
                        <option value="未激活用户">未激活用户</option>
                    </select>
                </div>
                <div class="col-md-6 form-group has-success">
                    <lable class="control-label">注册时间</lable>
                    <input type="datetime-local" class="form-control">
                </div>
                <div class="col-md-6 form-group has-success">
                    <lable class="control-label">至</lable>
                    <input type="datetime-local" class="form-control">
                </div>
                <div class="col-md-6 form-group has-success">
                    <lable class="control-label">最后登录时间</lable>
                    <input type="datetime-local" class="form-control">
                </div>
                <div class="col-md-6 form-group has-success">
                    <lable class="control-label">至</lable>
                    <input type="datetime-local" class="form-control">
                </div>
                <div class="col-md-6 form-group has-error">
                    <lable class="control-label">用户角色</lable>
                    <select name="zhaungtai" class="form-control">
                        <option value="全部">全部</option>
                        <option value="管理员">管理员</option>
                        <option value="普通用户">普通用户</option>
                    </select>
                </div>
                <div class="pull-right">
                    <button class="btn btn-default" style="background: rgb(98, 203, 49);">查询</button>
                    <input type="reset" value="重置" class="btn btn-default" style="background: rgb(98, 203, 49);">
                    <button class="btn btn-default" style="background: rgb(98, 203, 49);">添加管理员</button>
                </div>
            </div>
        </form>
    </div>
    <div class="container">
        <label for="">显示</label><select name="" id="">
            <option value="1">1</option>
        </select><label for="">项结果</label>
        <table class="table table-condensed table-bordered table-hover">
            <tr class="info">
                <th>用户名</th>
                <th>昵称</th>
                <th>邮箱</th>
                <th>用户状态</th>
                <th>角色</th>
                <th>最后登录时间</th>
                <th>注册时间</th>
                <th>操作</th>
            </tr>
            <tr class="success">
                <td>admin</td>
                <td>管理员</td>
                <td>admin@163.com</td>
                <td>激活用户</td>
                <td>管理员</td>
                <td>2019-09-11 16:36:43</td>
                <td></td>
                <td><button class="glyphicon glyphicon-pencil">编辑</button></td>
            </tr>
        </table>
        <div class="col-md-9">
            <div>显示第1至10项结果，共<span>1</span>项</div>
        </div>
        <div class="col-md-3" id="fengye">
            <nav aria-label="Page navigation">
                <ul class="pagination">
                    <li>
                        <a href="#" aria-label="Previous">
                            <span aria-hidden="true">上页</span>
                        </a>
                    </li>
                    <li><a href="#">1</a></li>
                    <li><a href="#">2</a></li>
                    <li>
                        <a href="#" aria-label="Next">
                            <span aria-hidden="true">下页</span>
                        </a>
                    </li>
                </ul>
            </nav>
        </div>
    </div>
</body>
<script>

</script>

</html>